<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@ page contentType="text/html; charset=UTF-8" language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/page/base.jsp"%>

<html>
  <head>
    <base href="<%=basePath%>">    
    <title>数据绑定管理页面</title>    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" type="text/css" href="<%=path%>/manage/css/jquery-ui-1.8.11.custom.css" />	
	<link rel="stylesheet" type="text/css" href="<%=path%>/manage/css/Tooltip.css" />
	<script type="text/javascript" src="<%=path%>/manage/js/jquery-1.4.4.min.js"></script>

	<script type="text/javascript" src="<%=path%>/manage/js/jquery-ui-1.8.11.custom.min.js"></script>
	<%-- 验证js Start --%>
	<script type="text/javascript" src="<%=path%>/manage/js/Tooltip.js"></script>
	<script type="text/javascript" src="<%=path%>/manage/js/jquery.validate.min.js"></script>
	<script type="text/javascript" src="<%=path%>/manage/js/jquery.validate.methods.min.js"></script>
	<script type="text/javascript" src="<%=path%>/manage/js/jquery.validate.defaults.js"></script>
	<script type="text/javascript" src="<%=path%>/manage/js/errorTip.js"></script>
	
	<script type="text/javascript">
		function rent(){
		alert("ok");
			$( "#my" ).dialog("open");
		}
		
		
		
	$(document).ready(function(){
 	var parkinginfoForm = $("#myform").validate({
		        rules : {
		            "userName" : {
		          	  required : true
		            },
		            "pwd1" : {
		                required : true
		            },
		            "pwd2" : {
		                required : true
		              
		            }
		        },
		        messages : {
		            "userName" : {
		                required : "请输入用户名"
		            },
		            "pwd1" : {
		                required : "请填写密码"
		            },
		            "pwd2" : {
		                required : "门牌号不能为空"
		               
		            }
		        }
		    });
		    
		    //加载dialog
		     $( "#my" ).dialog({
			autoOpen: false,
			width:800,
			height:260,
			modal: true,
			title:'标题信息',
			buttons: {
				"保存": function() {
					$( this ).dialog( "close" );
				},
				"取消": function() {
					$( this ).dialog( "close" );
					$("#myform")[0].reset();
				}
			},
			close: function() {
				$("#myform")[0].reset();
			}
		});
   
	});
	</script>
	<style type="text/css">
	.icon{display:block;float:left;margin:0 10px;width:36px;height:26px;background:0 0 no-repeat;cursor:pointer;}
	</style>
  </head> 
  <body> 
 <input type="button" value="新建" class="icon"  onclick="rent()"/><br><br>
  
  <form id="myform" >
    用户名<input name="userName" type="text" value=""><br>
   密码 <input name="pwd1" type="password" value=""><br>
  门牌号  <input name="pwd2" type="password" value=""><br>
    <input type="submit" name="tt" value="提交">
  </form>

  </body>
</html>
